/* search */
.search{
    width: 100%;
    height: 200px;
    background: url(../img/texture-yellow.png);
    position: relative;
    top: -20px;
    text-align: center;
    color: #ffffff;
}
.search>h3{
    position: relative;
    top: 90px;
}

.search-gallery{
    position: relative;
    top: 145px;

}
.search-gallery>span{
    position: relative;
    left:20px;
    color: #86c417;
}




/* classess */

.class-bd{
    border: 1px solid #dfdfdf;
    padding: 10px 30px 20px 10px;
   position: relative;
   left: 5%;
   margin-right: 30px;
   margin-bottom: 20px;
}
.class-bd img{
    width: 80px;
    height: 80px;
    margin-top: 10px;
}
.class-bd dt{
   margin: 10px 0;
   font-size: 18px;
}
.class-bd dd{
    padding: 5px;
}
.class-bd .btn{
    color: #ffffff;
    margin: 20px 0 5px;
}
.class-bd .btn-1{
    background: #86c417;
}
.class-bd .btn-2{
    background: #0bb3a3;
}
.class-bd .btn-3{
    background: #746ecb;
}
.class-bd .btn-4{
   background: #fa3664;
}

/* contact us */

.contact {
    background: url(../img/texture.png);
    width: 100%;
    height: 200px;
    text-align: center;
    margin-top: 20px;
    border: 1px solid #0bb3a3;
}

.contact .btn {
    color: #33332a;
    background: #fda51f;
    border: 1px solid #333333;
    margin-top: 20px;
}

.contact>h4:first-child {
    margin-top: 50px;
}
/* our staff */

.staff{
    width: 75%; 
    text-align: center;
    /* background: lightcoral; */
    margin: 40px auto;
}

.staff-num{
    width: 200px;
    margin:20px 20px 0 0;;
    position: relative;
    left: 15px;
   
    color: #ffffff;
}

.staff-num img{
    display: inline-block;
    width: 200px;
    height: 250px;
    position: relative;
    left: -15px;
}
 .staff1{
    background: #fda51f;
}
.staff2{
    background: #86c417;
}
.staff3{
    background: #fa3664;
}
 .staff4{
    background: #0bb3a3;
}
.staff dt{
    margin: 20px 0 10px;
}
.staff dd{
    margin-bottom: 10px;
}
